<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
    <style>
        /*定义页面*/
        .account {
            width: 500px;
            border: 1px solid #dddddd;
            height: 380px;
            margin: 189px auto 247px auto;
            padding: 59px;
            border-radius: 30px;
            box-shadow: -5px 5px 25px #aaaaaa;
        }

        .account h1 {
            text-align: center;
        }

        .account input {
            width: 400px;
            background-color: #dddddd;
        }
    </style>

</head>
<body>

<div class="account">
    <h1>用户登录</h1>
    <form>
        <div class="form-group">
            <label for="exampleInputEmail1">请输入用户名</label>
            <input type="text" class="form-control" id="exampleInputEmail1" placeholder="用户名">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">密码</label>
            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码">
        </div>


        <button type="submit" class="btn btn-primary">登录</button>
    </form>
</div>


<form class="navbar-form navbar-left" role="search">
    <div class="panel panel-default">
        <div class="panel-body">
            <div>
                <h1 class="text-center">用户登录</h1>
            </div>
            <div>
                <span>用户名或手机号</span>
                <span class="form-group">
                <input type="text" class="form-control" placeholder="请输入用户名">
            </span>
            </div>
            <div style="margin: 10px"></div>
            <div>
                <span>密码</span>
                <span class="form-group">
                <input type="password" class="form-control" placeholder="请输入密码">
            </span>
            </div>
            <div style="margin: 10px"></div>
            <div>
                <span>图片验证码</span>
                <span class="form-group">
                <input type="text" class="form-control" placeholder="请输入验证码">
                <div class="row">
                      <span class="col-xs-6 col-md-3">
                        <a href="#" class="thumbnail">
                          <img src="static/img/验证码.jpg" alt="...">
                        </a>
                      </span>
                      ...
                    </div>
            </span>
            </div>

        </div>
    </div>


    <button type="submit" class="btn btn-default">登录</button>


    <div class="qbsbox-clock">
        <div class="qbsbox-clock">
            <div class="clock" dt-imp-ignore="true" dt-eid="doodle"><span class="clock-hour">14</span><span
                    class="clock-unit"><span class="clock-cycle"></span> <span class="clock-cycle"></span> </span><span
                    class="clock-min">35</span></div>
        </div>
    </div>
</form>

</body>
</html>